// 负责管理所有的自定义指令

export const imeagerror = {
  // 指令对象 会再当前的dom元素插入到节点之后执行
  inserted(dom, options) {
    //
    // options是 指令中的变量的解释，其中有一个属性叫做value 是指令的表达式 可以看成作用与dom的变量
    // dom 表示当前指令作用的 dom元素
    // dom认为此时就是图片
    dom.src = dom.src || options.value
    // 当前图片有地址，但是地址没有加载成功的时候，会报错，会触发图片的一个事件=> onerror
    dom.onerror = function() { // 异常执行这里
      // 当图片出现异常的时候，会将指令配置的默认图片配置成该图片的内容
      dom.src = options.value // 这里不能写死
    }
  },
  // 该函数同inserted一样也是一个钩子函数
  componentUpdated(dom, options) {
    // 该钩子函数会在当前指令作用的组件中 更新数据完毕之后去执行
    // inserted只会执行一次
    // 组件初始化 一旦更新就会进入inserted函数  会进去componentUpdated中
    dom.src = dom.src || options.value // 更新完之后继续检查src是否有值
  }
}
